<h1>资产转移</h1>
<div>
  <!-- Form -->
  <form nz-form formGroup="transferForm">
    <!-- Input row -->
    <div nz-row nzGutter="24">
      <!-- Corp A name -->
      <div nz-col nzSpan="8">
        <nz-form-item>
          <div nz-row [nzGutter]="[0, 16]" nz-col nzSpan="24">
            <nz-form-label nzFor="corpAName">公司 A 名称</nz-form-label>
          </div>
          <div nz-col nzSpan="24">
            <nz-form-control>
              <input #autoFocusedInput nz-input formControlName="corpAName" [formControl]="corpAName">
            </nz-form-control>
          </div>
        </nz-form-item>
      </div>
      <!-- Corp B name -->
      <div nz-col nzSpan="8">
        <nz-form-item>
          <div nz-row [nzGutter]="[0, 16]" nz-col nzSpan="24">
            <nz-form-label nzFor="corpBName">公司 B 名称</nz-form-label>
          </div>
          <div nz-col nzSpan="24">
            <nz-form-control>
              <input nz-input formControlName="corpBName" [formControl]="corpBName">
            </nz-form-control>
          </div>
        </nz-form-item>
      </div>
      <!-- Transfer amount -->
      <div nz-col nzSpan="8">
        <nz-form-item>
          <div nz-row [nzGutter]="[0, 16]" nz-col nzSpan="24">
            <nz-form-label nzFor="amount">数量</nz-form-label>
          </div>
          <div nz-col nzSpan="24">
            <nz-form-control>
              <input nz-input formControlName="amount" type="number" [formControl]="amnt">
            </nz-form-control>
          </div>
        </nz-form-item>
      </div>
    </div>

    <!-- Button row -->
    <div nz-row nzGutter="12" nzJustify="end">
      <div nz-col nzSpan="2">
        <button nz-button nzBlock (click)="reset()" [disabled]="isBusy">重置</button>
      </div>
      <div nz-col nzSpan="2">
        <button nz-button nzType="primary" nzBlock (click)="submitTransfer()" [disabled]="isBusy"
                nz-tooltip nzTooltipTitle="未连接服务器。" nzTooltipTrigger="null"
                [(nzTooltipVisible)]="isSubmitButtonTooltipVisible">提交</button>
      </div>
    </div>
  </form>

  <!-- Progress bar -->
  <div nz-row class="progress-bar" [nzGutter]="[0, 24]">
    <div nz-col nzSpan="24">
      <nz-steps [nzCurrent]="progressBarCurrentStep" [nzStatus]="isExecutionResultError ? 'error' : 'process'">
        <nz-step nzTitle="填表" nzIcon="form"></nz-step>
        <nz-step nzTitle="执行" [nzIcon]="isBusy ? 'loading' : 'code'"></nz-step>
        <nz-step nzTitle="完成" nzIcon="star"></nz-step>
      </nz-steps>
    </div>

    <div nz-col nzSpan="24" class="execution-result-box">
      {{executionResult}}
    </div>
  </div>
</div>
